import { createApp } from "vue";
import "./style.css";
import App from "./App.vue";
import { createYogaNode } from "@/utils/calculate.ts";
import { drawDom } from "@/canvas/dom.ts";
createApp(App).mount("#app");

// setTimeout(() => {
//   const container = createYogaNode({
//     width: 500,
//     height: 500,
//   });
//   console.log(container);

//   const box1 = createYogaNode({
//     width: 120,
//     height: 150
//   });
//   const box2 = createYogaNode({
//     width: 120,
//     height: 150
//   });
//   const box3 = createYogaNode({
//     width: 120,
//     height: 150
//   });
//   console.log(container);


//   const min1 = createYogaNode({
//     width: 20,
//     height: 20
//   });

//   const min2 = createYogaNode({
//     width: 20,
//     height: 20
//   });

//   const min3 = createYogaNode({
//     width: 20,
//     height: 20
//   });

//   const min4 = createYogaNode({
//     width: 20,
//     height: 20
//   });
//   container.node.insertChild(box1.node, 0);
//   box1.node.insertChild(min1.node, 0);
//   box1.node.insertChild(min2.node, 1);




//   container.node.insertChild(box2.node, 1);
//   box2.node.insertChild(min3.node, 0);
//   box2.node.insertChild(min4.node, 1);

//   container.node.insertChild(box3.node, 2);

//   container.node.calculateLayout();

//   drawDom(container?.node);
// }, 1000);
